body { background:url("../_img/bg.jpg"); font-size:1.8vh; color:#181818; }
@media (max-width: 1400px) { body { font-size:2.5vh; } }
.container { width:1170px; margin:0 auto; }
header { position:fixed; z-index:10; height:12vh; background:#222; top:0; left:0; right:0; box-shadow:0 0 3px 3px rgba(0,0,0,0.3); }
.headerStab { position:relative; display:flex; justify-content:space-between; align-items:center; width:100%; height:100%; }
.logo { width:auto; height:80%; padding:0 1vw; }
.logo img { width:auto; height:18vh; }
.navBut { display:flex; align-items:center; margin:0 2vw 0 auto; padding:1vh; color:#a98a2f; cursor:pointer; transition:.4s; }
.navBut img { width:auto; height:2.5vh; margin:0 .5vw 0 0; transition:.4s; }
.navBut:hover img { margin:0 1vw 0 0; }
nav { position:fixed; z-index:9; width:15vw; top:12vh; bottom:0; left:105vw; background:#181818; border-left: 3px solid #6c482f; transition:.4s ease-in-out; }
.navOpen { left:85vw; }
.navItem { position:relative; display:flex; justify-content:flex-start; align-items:center; width:80%; margin:0 auto 2.5vh auto; padding:.5vh 0; text-align:center; color:#bbb; font-size:120%; }
.navItem span { width:28px; height:28px; font-size:28px; color:#a98a2f; margin-right:.5vw; }
.navItem:before { position:absolute; content:" "; bottom:0; height:2px; width:0; background:#a98a2f; transition:.3s ease-out; }
.navItem:first-child { margin-top:5vh; }
.navItem:hover:before { width:100%; }